<template>
  <v-container class="error-page" fill-height tag="section">
    <v-row class="text-center" justify="center">
      <v-col cols="auto">
        <h1 class="title font-weight-black">404</h1>

        <div class="display-3 mb-5 mt-10">页面找不到 :(</div>

        <v-btn depressed to="/"> 离开当前页面！ </v-btn>
      </v-col>
    </v-row>
  </v-container>
</template>

<script>
export default {
  name: "PagesError",
};
</script>

<style lang="sass">
.error-page
    h1
        font-size: 12rem
</style>
